<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-text的使用</title>
    <script src="../js/vue.js"></script>
</head>
<body>
<div id="root">
    <!--    v-text会将数据(即使是标签的字符串)渲染到标签的内容中 并且占领整个标签 不允许其他的内容存在-->
    <h1 v-text="name"></h1>
</div>

<script>
    Vue.config.productionTip = false;
    const vm = new Vue({
        el: '#root',
        data: {
            name: 'cty',
        }
    });
</script>
</body>
</html>